<template>
    <div>
        <h1>自定义input</h1>
        <MyInput></MyInput>
        <br />
        <!-- <MyLoading></MyLoading> -->
        <button @click="showToast">显示自定义Loading</button>
        <button @click="hideToast">隐藏自定义Loading</button>
    </div>
</template>

<script>
import {MyInput} from '../../MyUI/index.js'
export default {
    name: 'MydemoTest',
    components: {
        MyInput
    },
    data() {
        return {
            
        };
    },

    mounted() {
        
    },

    methods: {
        showToast () {
            this.$MyLoading.show({
                title: '我是标题吧？',
                content: '我是内容啊！'
            },() => {
                console.log('已显示并且回调了0')
            });
        },
        hideToast () {
            this.$MyLoading.hide(()=>{
                console.log('已关闭并且回调了1')
            });
        }
    },
};
</script>

<style scoped>

</style>